@media only screen and (max-width: 1680px){
.centerBox{padding-top: 100px !important;max-width: 1170px;width: 93% !important;margin: auto;}
.centerBox img{width: 93% !important;height: auto !important;}
.subject .centerBox{padding-top: 4% !important;}

}
@media only screen and (max-width: 1600px){
	

}
@media only screen and (max-width: 1440px){
	
}
@media only screen and (max-width: 1366px){
.wqd-remenu li, .wqd-view .login-ul{margin-right: 30px;}

}
@media only screen and (max-width: 1280px){
	
}

@media only screen and (max-width: 1152px){
.wqd-remenu li, .wqd-view .login-ul{margin-right: 16px;}
}
@media only screen and (max-width: 1024px){
.login-ul a, .wqd-view .wqd-remenu, .wqd-view ul.login-ul, .wqd-view ul.wqd-remenu{display: none;}
.wqd-menu{position: fixed;width: 100%;background: #ffffff;top: 0;left: 0;height: 80px;}
.website-tpl{margin: 100px auto 8%;}
.sjmenu{position: fixed;right: 0;width: 60%;background: rgba(255, 255, 255, 0.7);padding: 20px 20px 0;box-sizing: border-box;top: 80px;height: 100%;}
.cai{display: block;float: right;margin-top: 22px;}
.cai span{width: 50px;height: 5px;background: #1E90FF;border-radius: 10px;display: block;margin: 10px 0;}
.cai:after{content: '';width: 50px;height: 5px;background: #1E90FF;border-radius: 10px;display: block;}
.cai:before{content: '';width: 50px;height: 5px;background: #1E90FF;border-radius: 10px;display: block;}
.website-tpl .tpl-nav li{width: 32% !important;}
.sjmenu li{line-height: 40px;font-size: 16px;}
}
@media only screen and (max-width: 768px){
.website-tpl .tpl-nav li{width: 31% !important;}
.website-tpl .tpl-nav .nav-tit{margin-left: 0;display: block;float: left;width: 100%;clear: both;overflow: hidden;}
.website-tpl .tpl-nav .nav-breads{display: block;clear: both;overflow: hidden;padding-top: 20px;}
.website-tpl .tpl-nav{padding: 40px 0 0;box-sizing: border-box;}
.template .list{float: none;width: 100%;margin-bottom: 6%;}
.aaa11{float: none !important;width: 100% !important;}
.website-tpl .template .list .details .preview{position: static;width: auto;float: left;margin-top: 10px;}
.website-tpl .template .list .details{height: auto;clear: both;overflow: hidden;}
.website-tpl .template .list:nth-child(2n){float: none;}
.website-tpl .template .list .imgPc img{width: 100% !important;}
.website-tpl .tit11{width: 100%;padding-top: 20px;}
.website-tpl .template .tong:hover .details .preview{position: absolute;width: 100%;float: none;}

}
@media only screen and (max-width: 640px){
.website-tpl .tpl-nav{padding: 0;}
.cai span{width: 40px;margin: 8px 0;}
.cai:after{width: 40px;}
.cai:before{width: 40px;}
.back img{width: 48% !important;}
}
@media only screen and (max-width: 500px){
.website-tpl .tpl-nav li{width: 49% !important;}
.wqd-menu{height: 70px;}
.wqd-view{height: 70px;}
.website-tpl .tpl-nav li{margin: 0;}
.website-tpl .tpl-nav .tpl-up{margin-right: 0;}
.sjmenu{top: 70px;}
.centerBox{padding-top: 90px !important;}
}
@media only screen and (max-width: 375px){

}
@media only screen and (max-width: 325px){

}